/* Global link CSS */
*{margin:0;padding:0;border:none;outline:0;vertical-align:baseline;font-size:14px;font-family:"微软雅黑";}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal;}
a{text-decoration:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration:none;}
a:active {text-decoration: none;}
ol,ul,li{list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/*select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;background:none;}*/
input{border:none;background:none;}
input::-webkit-input-placeholder { /* WebKit browsers */line-height: 1.2em;color:#999;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */line-height: 1.2em;color:#999;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */line-height: 1.2em;color:#999;}
input:-ms-input-placeholder { /* Internet Explorer 10+ */line-height: 1.2em;color:#999;}

.icon00{background:url(../images/icon00.png) no-repeat center;background-size:18px;}
.icon01{background:url(../images/icon01.png) no-repeat center;background-size:24px;}
.icon02{background:url(../images/icon02.png) no-repeat center;background-size:24px;}
.icon03{background:url(../images/icon03.png) no-repeat center;background-size:24px;}
.icon04{background:url(../images/icon04.png) no-repeat center;background-size:24px;}
.icon05{background:url(../images/icon05.png) no-repeat center;background-size:24px;}
.icon07{background:url(../images/icon07.png) no-repeat center;background-size:24px;}
.icon08{background:#00aaef url(../images/icon08.png) no-repeat center;background-size:24px;}
.icon09{background:url(../images/icon09.png) no-repeat center;background-size:24px;}
.icon10{background:url(../images/icon10.png) no-repeat center;background-size:24px;}
.icon11{background:url(../images/icon11.png) no-repeat center;background-size:24px;}
.icon12{background:url(../images/icon12.png) no-repeat center;background-size:24px;}
.icon13{background:url(../images/icon13.png) no-repeat center;background-size:24px;}
.icon14{background:url(../images/icon14.png) no-repeat center;background-size:24px;}
.icon15{background:url(../images/icon15.png) no-repeat center;background-size:24px;}
.icon16{background:url(../images/icon16.png) no-repeat center;background-size:24px;}
.icon17{background:url(../images/icon17.png) no-repeat center;background-size:40px;}
.icon18{background:url(../images/icon18.png) no-repeat center;background-size:40px;}
.icon19{background:url(../images/icon19.png) no-repeat center;background-size:24px;}
.icon20{background:url(../images/icon20.png) no-repeat center;background-size:24px;}

/*Nav*/
.cnav{width:220px;background:#333a4c;position:relative;height:100%;float:left;}
.cnavtitle{background:#2d3143;}
.cnavtitle em{display:inline-block;width:40px;height:40px;float:left;}
.cnavtitle span{font-size:14px;color:#00aaef;line-height:40px;}
.cnavtitle span:hover{text-decoration:underline;}

.cnavbox{overflow:hidden;}
.cnavmain{overflow-y:auto;}
.ctitle{overflow:hidden;}
.ctitle em{display:inline-block;width:40px;height:40px;float:left;}
.ctitle span{font-size:14px;color:#c0ddf8;line-height:40px;float:left;}
.ctitle span:hover{text-decoration:underline;}

.clist{overflow:hidden;padding:0 20px;}
.clist>ul>li{padding:10px 0 0;}
.clist ul li a{font-size:14px;color:#c0ddf8;line-height:40px;}
.clist ul li a:hover{text-decoration:underline;}
.clists{border-bottom:1px solid #c0ddf8;}
.clist .clists ul li{padding:0 0 0 20px;}

.userbox{position:absolute;bottom:30px;left:0;right:0;border-top:1px solid #c0ddf8;border-bottom:1px solid #c0ddf8;margin:0 10px;padding:15px 0;}
.userpic{width:50px;height:50px;float:left;font-size:0;border-radius:50%;overflow:hidden;margin:0 10px 0 0;}
.userpic img{width:50px;height:50px;border-radius:50%;}
.userc ul li{height:25px;overflow:hidden;}
.userc ul li span{font-size:14px;color:#c0ddf8;line-height:25px;}

/*Content*/
.main{overflow:hidden;}
.mainav{height:40px;background:#00aaef;text-align:right;padding:0 10px;}
.navtime{display:inline-block;}
.navtime span{line-height:40px;font-size:14px;color:#fff;}
.navtime select{border-radius:2px;}

.navtimewith{width:60px;}

.titlebox{padding:15px 30px;overflow:hidden;}
.titlebox strong{font-size:20px;color:#222;}
.neednav{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:15px 0;overflow:hidden;margin:0 30px;}
.neednav ul li{float:left;border-right:1px solid #e5e5e5;width:15%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.neednav ul li span{font-size:14px;color:#666;line-height:26px;display:block;text-align:center;}
.neednav ul li b{font-size:14px;color:#666;line-height:26px;display:block;text-align:center;}
.neednav ul li:last-child{width:40%;border-right:none;}

/*业绩目标/达标情况*/
.achievement{width:100%;height:130px;padding:10px 0;}

/*交易情况*/
.transaction{padding:0 30px;}
.transaction table{border-collapse:collapse;}
.transaction table tr td{text-align:center;vertical-align:middle;border:1px solid #e5e5e5;width:10%;padding:10px 5px;font-size:14px;color:#666;}

.analysis{width:560px;height:300px;padding:10px 0;}

/*联动钉钉-微聊*/
.messagebox{position:absolute;bottom:30px;right:30px;}
.messagebox a{display:inline-block;padding:0 10px 0 5px;margin:0 10px;border:1px solid #00aaef;border-radius:2px;}
.messagebox a em{display:inline-block;width:30px;height:30px;float:left;}
.messagebox a span{font-size:14px;color:#00aaef;line-height:30px;}
.messagebox a:hover{background:#00aaef;}
.messagebox a:nth-child(1):hover em{background:url(../images/icon06.png) no-repeat center;background-size:24px;}
.messagebox a:nth-child(2):hover em{background:url(../images/icon07.png) no-repeat center;background-size:24px;}
.messagebox a:hover span{color:#fff}

/*弹窗*/
.layer{position:fixed;top:50%;left:50%;width:800px;max-height:600px;background:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);box-shadow:0 1px 4px 4px rgba(0,0,0,0.2);border-radius:3px;overflow:hidden;}

/*聊天窗口*/
.tabnav{height:50px;background:#00aaef;}
.tabnavl ul li{float:left;padding:15px 0;width:90px;text-align:center;}
.tabnavl ul li:hover{background:#0080be;}
.tabnavl a{display:inline-block;padding:0 15px;font-size:14px;color:#fff;line-height:20px;}
.tabnavl .tabnavon{background:#0080be;}
.tabnavr{display:inline-block;overflow:hidden;float:right;}
.tabnavr a{display:inline-block;width:50px;height:50px;float:left;}

.chatlistbox{overflow:hidden;}
.chatboxl{width:230px;float:left;height:550px;border-right:1px solid #e5e5e5;}
.chatsearch{height:38px;padding:10px;background:#f2f2f2;}
.chatsearch input{border:1px solid #e5e5e5;border-radius:2px;background:#fff;width:130px;height:16px;line-height:16px;padding:8px 5px;float:left;}
.chatsearch a{display:inline-block;width:58px;height:34px;border-radius:2px;margin:0 0 0 10px;}

.chatlist{height:492px;overflow-y:auto;}
.chatlist::-webkit-scrollbar{width:6px;background:#f7f7f7}
.chatlist::-webkit-scrollbar-thumb{width:3px;height:20px;border-radius:8px;background:#ddd;}
.chatlist ul li{overflow:hidden;padding:8px 10px;border-bottom:1px solid #e5e5e5;}
.chatlistpic{width:40px;height:40px;float:left;border-radius:2px;overflow:hidden;margin:0 10px 0 0;border:1px solid #e5e5e5;}
.chatlistpic img{width:100%;height:100%;}
.chatlistcon{overflow:hidden;}
.chatlistcon h5{font-size:14px;color:#333;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.chatlistcon h6{font-size:12px;color:#999;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.chatboxr{height:550px;overflow:hidden;}
.chatboxr ul{overflow:hidden;padding:0 10px;height:351px;overflow-y:auto;background:#f7f7f7;}
.chatboxr ul::-webkit-scrollbar{width:6px;background:#f7f7f7}
.chatboxr ul::-webkit-scrollbar-thumb{width:3px;height:20px;border-radius:8px;background:#ddd;}
.chatboxr ul li{padding:10px 0;}
.chatpic{width:40px;height:40px;border-radius:2px;overflow:hidden;border:1px solid #e5e5e5;}
.chatpic img{width:100%;height:100%;}
.chatcon{padding:10px 0 0;overflow:hidden;}
.chatcon p{padding:5px;border-radius:2px;}
/*对方发*/
.chatboxr .chatwinleft{padding:10px 77px 10px 0;overflow:hidden;}
.chatwinleft .chatpic{float:left;}
.chatwinleft .chatpic{margin:0 10px 0 0;}
.chatwinleft .chatcon p{background:#fff;}
/*我方发*/
.chatboxr .chatwinright{padding:10px 0 10px 77px;overflow:hidden;}
.chatwinright .chatpic{float:right;}
.chatwinright .chatpic{margin:0 0 0 10px;}
.chatwinright .chatcon p{background:#98e165;}
/*文字*/
.writebox{border-top:1px solid #e5e5e5;}
.expression{padding:0 5px;}
.expression a{display:inline-block;width:30px;height:40px;padding:0 5px;}
.writeinfo{overflow:hidden;}
.writeinfo textarea{height:88px;width:100%;padding:0 10px 10px;}
.writebtn{text-align:right;}
.writebtn a{display:inline-block;width:88px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#999;margin:0 10px 10px 0;border:1px solid #e5e5e5;border-radius:2px;background:#f2f2f2;}

/*Content-客户*/
.customerbtn{float:right;overflow:hidden;}
.customerbtn a{display:inline-block;float:left;width:90px;height:30px;line-height:30px;text-align:center;border-radius:2px;margin:0 0 0 10px;font-size:14px;color:#fff;}
.customerbtn a:nth-child(1){background:#00aaef;}
.customerbtn a:nth-child(2){background:#999;}

.customer{margin:20px 30px 0;overflow:hidden;border-bottom:1px solid #e5e5e5}
.customer ul li{float:left;height:40px;}
.customer ul li a{display:inline-block;width:90px;height:38px;text-align:center;line-height:40px;font-size:14px;color:#333;border-bottom:2px solid #fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.customer ul li a:hover{border-bottom:2px solid #00aaef;}
.customer .customeron{border-bottom:2px solid #00aaef;}
.customeright{text-align:right;overflow:hidden;}
.cusearch{border:1px solid #e5e5e5;border-radius:2px;font-size:0;height:30px;overflow:hidden;display: inline-block;}
.cusearch input{padding:5px 5px;line-height:20px;height:20px;font-size:13px;color:#666;width:220px;float:left;}
.cusearch a{display:inline-block;width:40px;height:30px;}
.cuscreen{margin:0 0 0 10px;display:inline-block;float:right;}
.cuscreen a{display:inline-block;border:1px solid #e5e5e5;border-radius:2px;padding:0 10px 0 5px;}
.cuscreen a:hover{background:#e5e5e5;}
.cuscreen a em{display:inline-block;width:30px;height:30px;float:left;}
.cuscreen a span{font-size:13px;color:#666;line-height:30px;}

.custable{padding:20px 30px 0;}
.custable table{width:100%;}
.custable table thead tr th{text-align:center;font-weight:normal;font-size:15px;padding:10px 5px;line-height:30px;vertical-align:middle;border-bottom:1px solid #e5e5e5;}
.custable table tbody tr td{text-align:center;font-size:14px;padding:10px 5px;line-height:30px;vertical-align:middle;border-bottom:1px dashed #e5e5e5;}
.custable table tbody tr:hover{background:#f2f2f2;}
.custable table tbody tr:last-child td{border-bottom:1px solid #e5e5e5;}
.btnmain{font-size:0;height:30px;}
.btnmain input{float:left;margin:10px 0 0;}
.btnmain a{display:inline-block;width:30px;height:30px;margin:0 5px;}

.cuspage{text-align:right;padding:10px 0 0;}
.cuspage a{display:inline-block;width:100px;height:30px;text-align:center;line-height:30px;font-size:14px;color:#666;border:1px solid #e5e5e5;border-radius:2px;margin:0 5px;}
.cuspage a:hover{background:#00aaef;border:1px solid #00aaef;color:#fff;}

/*用户画像*/
.usermain{overflow:hidden;padding:20px 30px 0;}
.usermpic{float:left;width:50px;height:50px;border-radius:50%;overflow:hidden;font-size:0;}
.usermpic img{width:100%;height:100%;}
.usercont{overflow:hidden;padding:0 0 0 10px;}
.usercont ul li{overflow:hidden;}
.usercont ul li strong{font-size:15px;color:#333;line-height:25px;float:left;}
.usercont ul li span{font-size:14px;color:#333;line-height:25px;float:left;padding:0 0 0 10px;}
.usercont ul li a{display:inline-block;width:30px;height:25px;margin:0 10px;}
.usercont ul li b{font-size:14px;color:#333;line-height:25px;float:left;padding:0 0 0 10px;}
.usercont ul li:nth-child(2) span{padding:0;}
.usercont ul li:nth-child(2) a{display:inline-block;width:70px;height:25px;text-align:center;line-height:25px;background:#00aaef;border-radius:2px;font-size:14px;color:#fff;}
.usercont ul li:nth-child(2) a:hover{text-decoration:underline;}

.usercontentl{width:400px;height:700px;float:left;background:#f7f7f7;}
.usercontentr{overflow:hidden;padding:0 0 0 10px;}
.usertitle{border-bottom:1px solid #e5e5e5;}
.usertitle strong{font-size:15px;color:#333;line-height:50px;}
.userintention{overflow:hidden;padding:10px 0;}
.userintention ul li ul li{float:left;width:50%;}
.userintention ul li ul li strong{font-size:14px;color:#999;line-height:30px;}
.userintention ul li ul li span{font-size:14px;color:#666;line-height:30px;}

.useranalysis{overflow:hidden;padding:10px 0;}
.useranalysis ul li ul li{float:left;width:50%;}
.useranalysis ul li ul li strong{font-size:14px;color:#999;line-height:30px;}
.useranalysis ul li ul li span{font-size:14px;color:#666;line-height:30px;}
.useranalysis ul li ul li b{font-size:14px;color:#f00;line-height:30px;}

.userproperty{overflow:hidden;}
.userproperty ul li{float:left;width:50%;}
.propertytitle{float:left;width:60px;text-align:center;padding:20px 0 0;}
.propertytitle em{display:inline-block;width:60px;height:40px;}
.propertytitle span{font-size:14px;color:#333;padding:10px 0 0;}
.propertycont{overflow:hidden;}
.userproperty .propertycont ul li{float:left;width:100%;padding:20px 0 0;}
.userproperty .propertycont ul li{width:100%;}
.userproperty .propertycont ul li p{font-size:14px;color:#666;padding:0 10px;}
.userproperty .propertycont ul li b{font-size:13px;color:#f00;padding:10px 10px 0;display:inline-block;}

/*跟进记录*/
.usercontable{padding:20px 30px 0;}
.usercontable table{width:100%;border-collapse:collapse;}
.usercontable table thead tr th{text-align:center;font-weight:normal;font-size:15px;padding:10px 5px;line-height:30px;vertical-align:middle;border:1px solid #e5e5e5;}
.usercontable table tbody tr td{text-align:center;font-size:14px;padding:10px 5px;line-height:30px;vertical-align:middle;border:1px solid #e5e5e5;}
/*跟进记录--弹窗*/
.userlayer table{width:100%;border-collapse:collapse;}
.userlayer table thead tr th{text-align:center;font-weight:normal;font-size:15px;padding:10px 5px;line-height:30px;vertical-align:middle;border:1px solid #e5e5e5;}
.userlayer table tbody tr td{text-align:center;font-size:14px;padding:10px 5px;line-height:30px;vertical-align:middle;border:1px solid #e5e5e5;}
.userlayer table tbody tr td a{display:inline-block;width:80px;height:30px;line-height:30px;font-size:13px;color:#fff;border-radius:2px;background:#00aaef;}
.userlayer table tbody tr td a:hover{text-decoration:underline;}

/*基础信息*/
.userconinfor{padding:0 30px 0;}
.userconinforli{border-top:1px solid #e5e5e5;padding:20px 0;overflow:hidden;}
.userconinfor div:first-child{border-top:none;}
.userconinforli ul li{float:left;width:50%;}
.userconinforli ul li strong{font-size:14px;color:#333;line-height:30px;}
.userconinforli ul li span{font-size:14px;color:#666;line-height:30px;}

/*添加客户-弹窗*/
.addtolayer{position:fixed;top:50%;left:50%;width:800px;background:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);box-shadow:0 1px 4px 4px rgba(0,0,0,0.2);border-radius:3px;overflow:hidden;}

.addtotitle{height:50px;position:relative;background:#00aaef;text-align:center;}
.addtotitle strong{font-size:16px;color:#fff;line-height:50px;}
.addtotitle a{display:inline-block;width:50px;height:50px;position:absolute;top:0;right:0;font-size:0;}

.addtocont{overflow:hidden;background:#f7f7f7;padding:0 20px 20px;}
.addtocont ul{overflow:hidden;}
.addtocont ul li{float:left;width:46%;padding:20px 2% 0;}
.addtocont ul li strong{font-size:14px;color:#666;display:inline-block;float:left;line-height:34px;padding:0 10px 0 0;width:60px;text-align:right;}
.addtoinfo{overflow:hidden;padding:8px 5px;border:1px solid #e5e5e5;border-radius:2px;background:#fff;}
.addtoinfo  input{width:100%;height:16px;background:#fff;}
.addtolabel{padding:20px 2% 0;}
.addtolabel strong{font-size:14px;color:#666;display:inline-block;float:left;line-height:34px;padding:0 10px 0 0;width:60px;text-align:right;}
.addtolabel a{display:inline-block;width:34px;height:34px;}
.addtolabelli{overflow:hidden;padding:0 2%;}
.addtolabelli span{margin:10px 5px 0;display:inline-block;padding:0 10px;height:30px;border:1px solid #e5e5e5;border-radius:2px;line-height:30px;font-size:14px;color:#666;}

.addtobtn{text-align:center;padding:20px 0;}
.addtobtn a{display:inline-block;width:120px;height:40px;line-height:40px;text-align:center;border-radius:2px;margin:0 10px;}
.addtobtn a:first-child{border:1px solid #e5e5e5;color:#666;}
.addtobtn a:last-child{border:1px solid #00aaef;color:#fff;background:#00aaef;}

.amoy{overflow:hidden;padding:20px 30px 0;}
.amoy strong{font-size:14px;color:#666;line-height:30px;float:left;margin:10px 0 0;}
.amoy a{font-size:14px;color:#666;display:inline-block;float:left;height:30px;line-height:30px;padding:0 10px;margin:10px 0 0;}
.amoy .amoyon{background:#00aaef;color:#fff;border-radius:2px;}
.amoy a:hover{background:#00aaef;color:#fff;border-radius:2px;}

/*成交分析*/
.namemain{height:40px;margin:0 30px;border-bottom:1px solid #e5e5e5;padding:20px 0;}
.namemain strong{float:left;font-size:16px;color:#333;line-height:32px;}
.timebox{height:40px;margin:0 50px;float:left;}
.timebox select{border:1px solid #e5e5e5;border-radius:2px;height:32px;padding:0 8px;}


.dealmain{padding:20px 30px 0;}
.trade{width:100%;height:600px;}
/*平均客单价*/
.average{width:100%;height:600px;}

.sourcedisk{padding:20px 30px 0;overflow:hidden;}
.sourcedisk ul li{float:left;width:33.3333333%;}
.sourcedisk ul li a{display:block;padding:0 5px;height:40px;line-height:40px;font-size:14px;color:#666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sourcedisk ul li a:hover{text-decoration:underline;color:#00aaef;}

.timebox span{font-size:14px;color:#999;padding:0 10px;}
.timebox a{display:inline-block;width:80px;height:32px;text-align:center;line-height:32px;border-radius:2px;background:#00aaef;font-size:14px;color:#fff;margin:0 0 0 10px;}

/*目标完成度*/
.targetmain{padding:20px 30px 0;}
.targetmain table{width:100%;border-collapse:collapse;}
.targetmain table thead tr th{text-align:center;font-weight:normal;font-size:15px;padding:10px 5px;line-height:30px;vertical-align:middle;border:1px solid #e5e5e5;}
.targetmain table tbody tr td{text-align:center;font-size:14px;padding:10px 5px;line-height:30px;vertical-align:middle;border:1px solid #e5e5e5;}
.targetmain table tbody tr td a{display:inline-block;width:80px;height:30px;line-height:30px;font-size:13px;color:#fff;border-radius:2px;background:#00aaef;}
.targetmain table tbody tr td a:hover{text-decoration:underline;}

/*指标分派设定*/
.directormain{padding:20px 30px;}
.directortitle{padding:15px 10px;background:#999;}
.directortitle strong{font-size:15px;color:#fff;}
.directorbox{overflow:hidden;}
.directorbox ul li{float:left;width:25%;}
.directorbox ul li h6{text-align:center;font-size:14px;color:#666;background:#eee;line-height:40px;}
.directorlist{overflow-y:auto;height:300px;}
.directorlist::-webkit-scrollbar{width:6px;background:#f7f7f7}
.directorlist::-webkit-scrollbar-thumb{width:3px;height:20px;border-radius:8px;background:#ddd;}
.directorlist a{text-align:center;display:inline-block;}
.directorlist a input{margin:14px 5px 0 0;float:left;}
.directorlist a span{height:40px;line-height:40px;text-align:center;font-size:14px;color:#666;}
.directorlist a:hover span{text-decoration:underline;color:#00aaef;}

.directorbox .directorlist ul li{text-align:center;width:100%;}
.directorbtn{text-align:center;padding:10px 0 0;border-top:1px solid #e5e5e5;}
.directorbtn a{display:inline-block;width:150px;height:40px;line-height:40px;text-align:center;background:#00aaef;color:#fff;border-radius:2px;}
.directorbtn a:hover{text-decoration:underline;opacity:.7;}